<script setup lang="ts">
import { History, UserHome } from '../index'
import NoLogin from '@yang/layouts/components/header/pc/user/noLogin.vue'
import { useAppsStore } from '@/stores/modules/app'

const useStore = useAppsStore()
const { getUserInfo: userInfo } = storeToRefs(useStore)
</script>

<template>
  <div class="user">
    <template v-if="userInfo.id">
      <div class="user-login">
        <history />
        <!--        <chase />-->
        <user-home />
      </div>
    </template>
    <template v-else>
      <no-login />
    </template>
  </div>
</template>

<style scoped lang="scss">
.user {
  .user-login {
    display: flex;
    align-items: center;
  }
}
</style>
